.chart2d-view-controls {
	margin: 		20px 0px;
	background:		#eee;
}
.chart2d-view-canvas {
	margin: 20px 0px;
    margin-bottom: 5em;
}
.chart2d-view-legend {
	padding:	20px;
}
.chart2d-view-legend-entry {
	margin-bottom: 2px;
}
.chart2d-view-legend-entry img {
	margin-right: 5px;
}
.chart2d-view-layer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: visible;
}
.chart2d-view-layer-inner {
    position: relative; 
    height: 100%; 
    overflow: visible;
}
.chart2d-view-vertical-grid-line {
    position: absolute;
    width: 1px;
    top: 0px;
    height: 100%;
    background: #eee;
}
.chart2d-view-vertical-grid-label {
    position: absolute;
}
.chart2d-view-horizontal-grid-line {
    position: absolute;
    height: 1px;
    overflow: hidden;
    left: 0px;
    width: 100%;
    background: #eee;
}
.chart2d-view-horizontal-grid-label {
    position: absolute;
}
.chart2d-view-vertical-data-label {
    position: absolute;
    text-align: right;
    overflow: hidden;
}
.chart2d-view-data-point {
    position: absolute;
}
.chart2d-view-data-point-label-left {
    position: absolute;
    text-align: right;
    font-size:  80%;
    width:      20em;
    color:      #aaa;
}
.chart2d-view-data-point-label-right {
    position: absolute;
    text-align: left;
    font-size:  80%;
    width:      20em;
    color:      #aaa;
}

.chart2d-view-horizontal-axis-label {
    position:       absolute;
    text-align:     right;
    padding-top:    2em;
    width:          20em;
    font-weight:    bold;
}

.chart2d-view-vertical-axis-label {
    position:       absolute;
    text-align:     right;
    width:          20em;
    font-weight:    bold;
}